.#{$prefix}body {
  color: $color;
  font-size: $font-size;
  font-family: $font-family;
  background-color: color-offset($neutral-color, 3%);
  color: color-by-background($content-color);

  * {
    zoom: 1;
  }
}

.#{$prefix}rtl {
  direction: rtl;
}

.#{$prefix}ltr {
  direction: ltr;
}

.#{$prefix}clear {
  overflow: hidden;
  clear: both;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
}

.#{$prefix}layer {
  position: absolute !important;
  overflow: hidden;

  // @tag iezoomhack
}

.#{$prefix}shim {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  @include opacity(0);
}

.#{$prefix}hide-display {
  display: none !important;
}

.#{$prefix}hide-visibility {
  visibility: hidden !important;
}

.#{$prefix}item-disabled {
  @include opacity(0.3);
}

.#{$prefix}ie6 .#{$prefix}item-disabled {
  filter: none;
}

.#{$prefix}hidden,
.#{$prefix}hide-offsets {
  display: block !important;
  position: absolute !important;
  left: -10000px !important;
  top: -10000px !important;
}

.#{$prefix}hide-nosize {
  height: 0 !important;
  width: 0 !important;
}

.#{$prefix}masked-relative {
  position: relative;
}

@if $include-ie {
  .#{$prefix}ie6 .#{$prefix}masked select,
  .#{$prefix}ie6.#{$prefix}body-masked select {
    visibility: hidden !important;
  }
}

// Styles for the three schemes for showing shadows under an element: 
// CSS3, IE blur transform, or 9 point framing with images.
.#{$prefix}css-shadow {
  position: absolute;
  @include border-bottom-radius($window-border-radius);
}

.#{$prefix}ie-shadow {
  background-color: #777;
  display: none;
  position: absolute;
  overflow: hidden;
  // @tag iezoomhack
}

.#{$prefix}frame-shadow {
  display: none;
  position: absolute;
  overflow: hidden;
}

.#{$prefix}frame-shadow * {
  overflow: hidden;
}

.#{$prefix}frame-shadow * {
  padding: 0;
  border: 0;
  margin: 0;
  clear: none;
  // @tag iezoomhack
}

/* top  bottom */
.#{$prefix}frame-shadow .xstc,
.#{$prefix}frame-shadow .xsbc {
  height: 6px;
  float: left;
}

.#{$prefix}frame-shadow .xsc {
  width: 100%;
}

.#{$prefix}frame-shadow .xsml {
  background: transparent repeat-y 0 0;
}

.#{$prefix}frame-shadow .xsmr {
  background: transparent repeat-y -6px 0;
}

.#{$prefix}frame-shadow .xstl {
  background: transparent no-repeat 0 0;
}

.#{$prefix}frame-shadow .xstc {
  background: transparent repeat-x 0 -30px;
}

.#{$prefix}frame-shadow .xstr {
  background: transparent repeat-x 0 -18px;
}

.#{$prefix}frame-shadow .xsbl {
  background: transparent no-repeat 0 -12px;
}

.#{$prefix}frame-shadow .xsbc {
  background: transparent repeat-x 0 -36px;
}

.#{$prefix}frame-shadow .xsbr {
  background: transparent repeat-x 0 -6px;
}

.#{$prefix}frame-shadow .xstl,
.#{$prefix}frame-shadow .xstc,
.#{$prefix}frame-shadow .xstr,
.#{$prefix}frame-shadow .xsbl,
.#{$prefix}frame-shadow .xsbc,
.#{$prefix}frame-shadow .xsbr {
  width: 6px;
  height: 6px;
  float: left;

  @if $include-shadow-images {
    background-image: theme-background-image($theme-name, 'shared/shadow.png');
  }
}

.#{$prefix}frame-shadow .xsml,
.#{$prefix}frame-shadow .xsmr {
  width: 6px;
  float: left;
  height: 100%;

  @if $include-shadow-images {
    background-image: theme-background-image($theme-name, 'shared/shadow-lr.png');
  }
}

.#{$prefix}frame-shadow .xsmc {
  float: left;
  height: 100%;

  @if $include-shadow-images {
    background-image: theme-background-image($theme-name, 'shared/shadow-c.png');
  }
}

.#{$prefix}frame-shadow .xst,
.#{$prefix}frame-shadow .xsb {
  height: 6px;
  overflow: hidden;
  width: 100%;
}

.no-select {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: ignore;
  cursor: default;
}

.mr-white-glove {
  cursor: pointer;
  cursor: hand;

  * {
    cursor: pointer;
    cursor: hand;
  }
}

.overflow-ellipsis {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.outline-none {
  -moz-outline: 0 none;
  outline: 0 none;
}

.bigtext {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

//box wrap - Ext.get("foo").boxWrap();
.#{$prefix}box-tl {
  background: transparent no-repeat 0 0;
  // @tag iezoomhack
}

.#{$prefix}box-tc {
  height: 8px;
  background: transparent repeat-x 0 0;
  overflow: hidden;
}

.#{$prefix}box-tr {
  background: transparent no-repeat right -8px;
}

.#{$prefix}box-ml {
  background: transparent repeat-y 0;
  padding-left: 4px;
  overflow: hidden;
  // @tag iezoomhack
}

.#{$prefix}box-mc {
  background: repeat-x 0 -16px;
  padding: 4px 10px;
}

.#{$prefix}box-mc h3 {
  margin: 0 0 4px 0;
  // @tag iezoomhack
}

.#{$prefix}box-mr {
  background: transparent repeat-y right;
  padding-right: 4px;
  overflow: hidden;
}

.#{$prefix}box-bl {
  background: transparent no-repeat 0 -16px;
  // @tag iezoomhack
}

.#{$prefix}box-bc {
  background: transparent repeat-x 0 -8px;
  height: 8px;
  overflow: hidden;
}

.#{$prefix}box-br {
  background: transparent no-repeat right -24px;
}

.#{$prefix}box-tl, .#{$prefix}box-bl {
  padding-left: 8px;
  overflow: hidden;
}

.#{$prefix}box-tr, .#{$prefix}box-br {
  padding-right: 8px;
  overflow: hidden;
}

.#{$prefix}box-tl {
  background-image: theme-background-image($theme-name, 'box/corners.gif');
}

.#{$prefix}box-tc {
  background-image: theme-background-image($theme-name, 'box/tb.gif');
}

.#{$prefix}box-tr {
  background-image: theme-background-image($theme-name, 'box/corners.gif');
}

.#{$prefix}box-ml {
  background-image: theme-background-image($theme-name, 'box/l.gif');
}

.#{$prefix}box-mc {
  background-color: #eee;
  background-image: theme-background-image($theme-name, 'box/tb.gif');
  font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif;
  color: #393939;
  font-size: 15px;
}

.#{$prefix}box-mc h3 {
  font-size: 18px;
  font-weight: bold;
}

.#{$prefix}box-mr {
  background-image: theme-background-image($theme-name, 'box/r.gif');
}

.#{$prefix}box-bl {
  background-image: theme-background-image($theme-name, 'box/corners.gif');
}

.#{$prefix}box-bc {
  background-image: theme-background-image($theme-name, 'box/tb.gif');
}

.#{$prefix}box-br {
  background-image: theme-background-image($theme-name, 'box/corners.gif');
}

.#{$prefix}box-blue .#{$prefix}box-bl, .#{$prefix}box-blue .#{$prefix}box-br, .#{$prefix}box-blue .#{$prefix}box-tl, .#{$prefix}box-blue .#{$prefix}box-tr {
  background-image: theme-background-image($theme-name, 'box/corners-blue.gif');
}

.#{$prefix}box-blue .#{$prefix}box-bc, .#{$prefix}box-blue .#{$prefix}box-mc, .#{$prefix}box-blue .#{$prefix}box-tc {
  background-image: theme-background-image($theme-name, 'box/tb-blue.gif');
}

.#{$prefix}box-blue .#{$prefix}box-mc {
  background-color: #c3daf9;
}

.#{$prefix}box-blue .#{$prefix}box-mc h3 {
  color: #17385b;
}

.#{$prefix}box-blue .#{$prefix}box-ml {
  background-image: theme-background-image($theme-name, 'box/l-blue.gif');
}

.#{$prefix}box-blue .#{$prefix}box-mr {
  background-image: theme-background-image($theme-name, 'box/r-blue.gif');
}
